﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body {
            margin: 0 auto;
            width: 100%;
            height: 80px;
            font-size: 12px;
            background: url('/resources/image/topbj.jpg');
        }

        #logo {
            float: left;
            margin-left: 10px;
            width: 340px;
            height: 80px;
        }

        #div2 {
            float: left;
            margin-left: 10px;
            margin-top: 10px;
            width: 300px;
            height: 60px;
            line-height: 60px;
            text-align: left;
            color: white;
            font-size: 34px;
            font-family: "黑体";
        }

        #div3 {
            float: right;
            margin-right: 20px;
            width: 250px;
            height: 80px;
            line-height: 80px;
            text-align: right;
            color: white;
            font-size: 14px;
        }


    </style>

    <script type="text/javascript">
        function change_fontsize(size) {
            var aa = document.getElementById('context');
            aa.style.fontSize = size + "px";
        }

        function change_bgcolor(color) {
            var ab = document.getElementById('main');
            ab.style.backgroundColor = color;
        }

        function xsdateandtime()  //显示日期和时间
        {
            //日期
            var now = new Date(); //获取系统日期，
            var yy = now.getYear(); //截取年，
            var mm = now.getMonth() + 1; //截取月，月份从0开始
            var dd = now.getDate(); //截取日，

//取时间 
            var hh = now.getHours(); //截取小时，
            var min = now.getMinutes(); //截取分钟，
            var ss = now.getSeconds();//获取秒数；

            if (yy < 1000) yy = yy + 1900;
            if (hh < 10) hh = '0' + hh;
            if (min < 10) min = '0' + min;
            if (ss < 10) ss = '0' + ss;

            var clock = hh + ':' + min + ':' + ss;

//取星期
            var xq = now.getDay();

            switch (xq) {
                case 0:
                    xq = '日';
                    break;
                case 1:
                    xq = '一';
                    break;
                case 2:
                    xq = '二';
                    break;
                case 3:
                    xq = '三';
                    break;
                case 4:
                    xq = '四';
                    break;
                case 5:
                    xq = '五';
                    break;
                case 6:
                    xq = '六';
                    break;
            }

            document.getElementById("sj").innerHTML = yy + "年" + mm + "月" + dd + "日" + "&nbsp;" + clock + "&nbsp;" + "星期" + xq;
        }

        window.onload = function () {
            setInterval(xsdateandtime, 1000);
        }
    </script>

</head>
<body>
<div id="logo">
    <img src="/resources/image/logo.png" width="340px" height="80px" border="0" alt="四川旅游学院·XXX系统"/>
</div>
<div id="div2">
    ·&nbsp;XXXX系统
</div>
<div id="div3"><label id="sj" name="sj"></label></div>
<!---显示日期--->
</body>
</html>
